{% extends 'component/layout.html' %}
{% block title %} {% endblock %}
{% block style %}
<link rel="stylesheet" href="less/news.less">
{% endblock %}
{% block body %}
<div class="page-title">
    <span>新闻中心</span>
</div>
<div class="news-main" id="news">
    <!-- 标题导航 -->
    <div class="product-class">
        <ul class="product-category clearfix">
            <li class="current">
                <span>行业资讯</span>
            </li>
            <li>
                <span>宇航资讯</span>
            </li>
            <li>
                <span>常见问题</span>
            </li>

        </ul>
    </div>
    <!-- 内容 -->
    <div class="news-content">
        <ul class="news-content-items ">
            <li class="news-content-item">
                <div class="item-left">
                    <div class="item-left-day">29</div>
                    <div class="item-left-month">2020.07</div>
                </div>
                <div class="item-right">
                    <a href="newscontent.html"></a>
                    <h3 class="text-one">文章标题文章标题文章标题文章标题文章题文章标题文章</h3>
                    <div class="item-text">
                        <span class="text-one">文章概况文字说明文章概况文字说明......</span>
                        <span>【详情】</span>
                    </div>
                </div>
            </li>
            <li class="news-content-item">
                <div class="item-left">
                    <div class="item-left-day">29</div>
                    <div class="item-left-month">2020.07</div>
                </div>
                <div class="item-right">
                    <a href="newscontent.html"></a>
                    <h3 class="text-one">文章标题文章标题文章标题文章标题文章题文章标题文章</h3>
                    <div class="item-text">
                        <span class="text-one">文章概况文字说明文章概况文字说明......</span>
                        <span>【详情】</span>
                    </div>
                </div>
            </li>
            <li class="news-content-item">
                <div class="item-left">
                    <div class="item-left-day">29</div>
                    <div class="item-left-month">2020.07</div>
                </div>
                <div class="item-right">
                    <a href="#"></a>
                    <h3 class="text-one">文章标题文章标题文章标题文章标题文章题文章标题文章</h3>
                    <div class="item-text">
                        <span class="text-one">文章概况文字说明文章概况文字说明......</span>
                        <span>【详情】</span>
                    </div>
                </div>
            </li>
            <li class="news-content-item">
                <div class="item-left">
                    <div class="item-left-day">29</div>
                    <div class="item-left-month">2020.07</div>
                </div>
                <div class="item-right">
                    <a href="newscontent.html"></a>
                    <h3 class="text-one">文章标题文章标题文章标题文章标题文章题文章标题文章</h3>
                    <div class="item-text">
                        <span class="text-one">文章概况文字说明文章概况文字说明......</span>
                        <span>【详情】</span>
                    </div>
                </div>
            </li>
            <li class="news-content-item">
                <div class="item-left">
                    <div class="item-left-day">29</div>
                    <div class="item-left-month">2020.07</div>
                </div>
                <div class="item-right">
                    <a href="newscontent.html"></a>
                    <h3 class="text-one">文章标题文章标题文章标题文章标题文章题文章标题文章</h3>
                    <div class="item-text">
                        <span class="text-one">文章概况文字说明文章概况文字说明......</span>
                        <span>【详情】</span>
                    </div>
                </div>
            </li>
            <li class="news-content-item">
                <div class="item-left">
                    <div class="item-left-day">29</div>
                    <div class="item-left-month">2020.07</div>
                </div>
                <div class="item-right">
                    <a href="newscontent.html"></a>
                    <h3 class="text-one">文章标题文章标题文章标题文章标题文章题文章标题文章</h3>
                    <div class="item-text">
                        <span class="text-one">文章概况文字说明文章概况文字说明......</span>
                        <span>【详情】</span>
                    </div>
                </div>
            </li>
            <li class="news-content-item">
                <div class="item-left">
                    <div class="item-left-day">29</div>
                    <div class="item-left-month">2020.07</div>
                </div>
                <div class="item-right">
                    <a href="newscontent.html"></a>
                    <h3 class="text-one">文章标题文章标题文章标题文章标题文章题文章标题文章</h3>
                    <div class="item-text">
                        <span class="text-one">文章概况文字说明文章概况文字说明......</span>
                        <span>【详情】</span>
                    </div>
                </div>
            </li>
        </ul>
    </div>
    <!-- 产品分页 -->
    <!-- <div class="product-pages">
        <span>上一页</span>
        <i>1/5</i>
        <span>下一页</span>
    </div> -->
</div>
<script>
    $(".news-main .product-class .product-category li").click(function () {
        $(this).addClass("current").siblings().removeClass("current");

    })
</script>
{% endblock %}
{% block script %}

{% endblock %}